<template>
    <div class="footer">
        <router-link to="/home"><i class="iconfont icon-shouye"></i>首页</router-link>
        <router-link to="/investment"><i class="iconfont icon-touziliebiao01"></i>投资</router-link>
        <router-link to="/friend"><i class="iconfont icon-haoyouliebiao"></i>好友</router-link>
        <router-link to="/mine"><i class="iconfont icon-wode"></i>我的</router-link>
    </div>
</template>

<script>
export default {
    name:"footer"
}
</script>

<style lang="less" scoped>
    .footer{
        height: 0.9rem;
        background: #ffffff;
        border-top: 2px solid #ebebeb;
        display: flex;
        a{
            flex: 1;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            font-size: 0.2rem;
            color: #858585;
        }
        .router-link-active{
            color: #47b1f3;
        }
    }
</style>
